<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/inscription.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/enfantHistorique.css" />

<!-- //////////////////////////////////////////////////////////Style et JS dataPickers /////////////////////////////////////////////////////// -->
<link rel="stylesheet" href="styles/jquery-ui-1.10.2.custom.css" />
<script src="jsMairie/jquery-1.9.1.js"></script>
<script src="jsMairie/jquery-ui-1.10.2.custom.js"></script>
<!--  <link rel="stylesheet" href="/resources/demos/style.css" />-->
<script src="jsMairie/DataPicker.js"></script>
<!-- //////////////////////////////////////////////////////////fin dataPicker /////////////////////////////////////////////////////// -->
<script type="text/javascript">
function popupFenetre(text){
     alert(text);
  }  
</script> 
<style type="text/css">
#per{
	margin-left: 2px;
	margin-bottom: 5px;
	margin-top: -2px;
}
</style>
<title>Inscrire</title>

</head>

<body>
	<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>
	<div id="divMenuHaut">

		<ul id="ulMenuHaut">


			<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
					Enfant</a></li>
			<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
			<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
			<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
			<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
			<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>
	<!--///////////////////////////////////menu gauche ///////////////////-->

	<div id="divSousMenuGauche">

		<ul id="ulSousMenuGauche">
			<li class="liSousMenuGauche"><a href="inscription.xhtml">Inscrire
					des enfants</a></li>
			<li class="liSousMenuGauche"><a href="listeInscrits.xhtml">Liste
					inscrits</a></li>


		</ul>
	</div>

	<div id="centre">
	

		<!-- 	///////////////////////////////////////////////label de l'élève///////////////////////////  -->
		<div id="divEleve">
			<h:form id="formulaire">

				<table >
					<tr>
						<td><h:outputLabel  name="IdElev" id="idElv" value="#{beanInscriptionHib.idEleve}" rendered="false" /></td>
						<td><h:outputLabel id="nom" value="#{beanInscriptionHib.nomEnfant}"
								size="15" /></td>
						<td><h:outputLabel id="prenom"
								value="#{beanInscriptionHib.prenomEnfant}" size="15" /></td>
					</tr>
				</table>
			</h:form>
		</div>

		<div id="divoccas">
			<fieldset id="fieldsetoccas">
				<legend>
					<b>Fréquentation occasionnelle</b>
				</legend>

				<h:form id="formchargement">
					<div id="per">
						<h:selectOneMenu id="selectPeriode"
							value="#{beanInscriptionHib.idPeriode}">
							<f:ajax listener="#{beanInscriptionHib.recupDate}" render="charg" />
							<f:selectItems value="#{beanInscriptionHib.listePeriodes}" />
						</h:selectOneMenu>
					</div>
					</h:form>
				
				<h:form id="charg">
					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.matin}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idMatin}" rendered="false"></h:outputLabel>
							</legend>


							<div id="dat"
								style="overflow: scroll; height: 120px; width: 200px;">

								<h:selectManyCheckbox id="checktDateMat"
									value="#{beanInscriptionHib.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInscriptionHib.mapDatesPeriode}" />
								</h:selectManyCheckbox>
							</div>
						</fieldset>
					<h:commandLink  value="Ajouter" actionListener="#{beanInscriptionHib.actionInscOccasMat}"
					style="text-decoration: underline;font-size: 16px;text-align: center;" onclick="popupFenetre('Inscription accueil matin effectuée.');">
						<f:ajax execute="checktDateMat" render="" />
						</h:commandLink>
					</div>

					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.cantine}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idCantine}" rendered="false"></h:outputLabel>
							</legend>

							<div style="overflow: scroll; height: 120px; width: 200px;">
							
								<h:selectManyCheckbox id="checktDateCant"
									value="#{beanInscriptionHib.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInscriptionHib.mapDatesPeriode}"></f:selectItems>
								</h:selectManyCheckbox>
							</div>
						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInscriptionHib.actionInscOccasCant}"
						style="text-decoration: underline;font-size: 16px;text-align: center;" onclick="popupFenetre('Inscription cantine effectuée.');">
						<f:ajax execute="checktDateCant" render="" />
						</h:commandLink>
					</div>
					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel  value="#{beanInscriptionHib.soir}"></h:outputLabel>
								<h:outputLabel name="IdSoir" id ="soir" value="#{beanInscriptionHib.idActivite}" rendered="false"></h:outputLabel>
							</legend>
							<div style="overflow: scroll; height: 120px; width: 200px;">
							
								<h:selectManyCheckbox id="checktDateSoir"
									value="#{beanInscriptionHib.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInscriptionHib.mapDatesPeriode}"></f:selectItems>
								</h:selectManyCheckbox>
							</div>

						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInscriptionHib.actionInscOccasSoir}"
						style="text-decoration: underline;font-size: 16px;text-align: center;" onclick="popupFenetre('Inscription accueil soir effectuée.');">
						<f:ajax execute="checktDateSoir" render="" />
						</h:commandLink>
					</div>
					
				</h:form>

			</fieldset>

		</div>
		<!-- 	///////////////////////////////////////////////Fréq régulière///////////////////////////  -->

		<div id="divregulier">
		<h:form id="reg">
			<fieldset id="fieldsetreg">
				
					<legend>
						<b>Fréquentation régulière</b>
					</legend>
					<div id="date">
						<label>Date début: </label>
						 <h:inputText id="datepicker" title="Date"
							class="datepicker" type="text" size="21" maxlength="256"
							value="#{beanInscriptionHib.dteReg}" onfocus="if (this.value== this.defaultValue) this.value='' " />
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.matin}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idMatin}" rendered="false"></h:outputLabel>
							</legend>
							<div style="height: 120px; width: 200px;">
							
							<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInscriptionHib.lundiRecup}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.mardiRecup}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.jeudiRecup}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.vendrediRecup}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.cantine}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idCantine}" rendered="false"></h:outputLabel>
							</legend>
							<div style="height: 120px; width: 200px;">
								<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInscriptionHib.lundi}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.mardi}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.jeudi}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.vendredi}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInscriptionHib.actionInscRegMat}"
						style="text-decoration: underline;font-size: 16px;text-align: center;" onclick="popupFenetre('Inscription régulière effectuée.');">
						<f:ajax execute="datepicker reg" render="" />
						</h:commandLink>
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>

								<h:outputLabel value="#{beanInscriptionHib.soir}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idSoir}" rendered="false"></h:outputLabel>

							</legend>
							<div style="height: 100px; width: 200px;">
								<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInscriptionHib.lundi}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.mardi}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.jeudi}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.vendredi}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
					</div>
				
			</fieldset>
			</h:form>
		</div>
		<div id="ModifSimul">
		</div>


	</div>

</body>
</html>